<link rel="stylesheet" href="<?=$this->baseUrl()?>/css/frontcategory.css" />

<div id="category">
    <!-- <div class="label"><span style="margin:0px 5px;">KATEGORI</span></div> -->
	<img id="label" src="<?=$this->baseUrl()?>/images/icons/category-left.png" />
    <div id="container">
        <div id="list">
            <?php $first = true; ?>
            <?php foreach ($this->categories as $category): ?>
                <?php if(!$first): ?><div><center><img src="<?=$this->baseUrl()?>/images/icons/category-separator.png" /></center></div><?php endif; ?>
                <div id="item">
                    <img src="<?=$this->baseUrl()?>/images/icons/list-arrow.png" />
                    <a href="<?= $this->baseUrl() ?>/FrontPage/category/id/<?= $category["category_id"] ?>"><?= $category["name"] ?></a>
                </div>
                <?php $first = false; ?>
            <?php endforeach; ?>
        </div>
    </div>
	<img id="shadow" src="<?=$this->baseUrl()?>/images/icons/shadow.png" />
</div>